<template>
    <div>
        <v-dialog :show.sync="dialogVisible" @beforeClose="beforeClose" width="80%" title="查看">

            <el-table
                v-loading="loading"
                :row-style="{height: '50px'}"
                :data="tableData"
                style="width: 100%">
                <el-table-column v-for="(col, index) in clos" :key="index" :prop="col.prop" :data-title="col.prop" :label="col.label">
                    <template slot-scope="scope">
                        <span :class="{'link': col.idLabel}" v-if="scope.$index == 1" @click="toLookData3(scope.row[col.idLabel])">{{scope.row[col.prop]}}</span>
                        <span v-else>{{scope.row[col.prop]}}</span>
                    </template>
                </el-table-column>

            </el-table>


            <div slot="foot">
                <el-button type="primary" size="small" @click="dialogVisible = false" style="width: 80px">关 闭
                </el-button>
            </div>
        </v-dialog>
    </div>
</template>

<script src="./detail.js"></script>
<style scoped lang='scss'>
    

    @include formWrap();
    /deep/ .el-table{
        .link{
            cursor: pointer;
            &:hover{
                text-decoration: underline;
            }
        }
    }
</style>
